<template>
    <div class="login">
        <div class="login-logo"></div>

        <div class="form">
            <input type="text" v-model="username">
            <input type="password" autocomplete="new-password" placeholder="8-16个字符，必须同时包含数字、英文、特殊符号"
                v-model="password">

                <button>登录</button>
        </div>

    </div>
</template>

<script setup>
import { useUserStore } from '@/store/user';

const route = useRoute();
const query = toRaw(route).query.value;  // 页面参数 

const userStore = useUserStore()
// 获取 

onMounted(() => {

    console.log('userStore:id', userStore.id)
})

const username = ref('')
const password = ref('')




</script>

<style scoped>
.login {
    background: #fff;
    width: 600px;
    height: 300px;
    margin: 100px auto;
    display: flex;
    align-items: center;
}
.login-logo{
    width: 320px;

    height: 300px;
    border-right: 1px solid #999;
}
.form {
    width: 280px;
    height: 240px;
}
.form  input{
    width: 238px;
    height: 38px;
    outline: none;
    border-radius: 3px;
    border: 1px solid #aaa;
    display: block;
    padding: 0 10px;
    margin: 10px auto;
}
</style>